/*****************************FONCTION DE CREATION DU FORMULAIRE*******************************/
//Fonction qui rajoute les inputs radio a la DIV contenu dans selection
//selection : objet jQuery (ici une DIV)
//objet : contient les informations de l'objet à représenter
function input_radio(selection, objet)
{
  var res;
  selection.hide().fadeIn('slow');
  if (objet.etat == "1") //l'objet est allumé
  {
    res = jQuery('<input type="radio" name="'+objet.id+'" checked="checked" value="checked" />');
  }
  else
  {
    res = jQuery('<input type="radio" name="'+objet.id+'" value="checked" />');
  }
  res.click(function() { //action à faire lors du clic par l'utilisateur sur le bouton radio
    $('#'+$(this).attr('name')).attr('class', 'toShow');
    $('#'+'label_'+$(this).attr('name')).attr('class', 'toShow');
    $('#'+'label_'+$(this).attr('name')+'_').attr('class', 'toShow'); // existe uniquement si l'objet est un store
  });
  selection.append(res); //rajout de l'élément dans la page
  selection.append('<label class="label-radio"> Allume </label>'); 
  if (objet.etat == "1")
  {
    input(selection, objet, 'toShow');
    res = jQuery('<input type="radio" name="'+objet.id+'" value="checked" />');
  }
  else
  {
    input(selection, objet, 'toHide');
    res = jQuery('<input type="radio" name="'+objet.id+'" checked="checked" value="checked" />');
  }
  selection.append('<br/>');
  res.click(function() { //action à faire lors du clic par l'utilisateur sur le bouton radio
    $('#'+$(this).attr('name')).attr('class', 'toHide');
    $('#'+'label_'+$(this).attr('name')).attr('class', 'toHide');
    $('#'+'label_'+$(this).attr('name')+'_').attr('class', 'toHide'); // existe uniquement si l'objet est un store
  });
    
  selection.append(res);
  selection.append('<label class="label-radio"> Eteint </label>');
}

//Fonction permettant de créer un input en fonction du type de l'objet
//selection : objet jQuery (ici une DIV)
//objet : contient les informations de l'objet à représenter
//classe : chaine de caratère contenant l'attribut class
function input(selection, objet, classe)
{
  var res;
  switch(objet.type) 
  {  
    case "eclairage" :
      selection.append('<label id="'+'label_'+objet.id+'" class="'+classe+'"> Intensite de la lumiere </label>');
      res = jQuery('<input type="range" id="'+objet.id+'" class="'+classe+'" min="0" max="10" step="1" value="'+objet.valeur+'" />');
      selection.append(res);
      break;
      
    case "chauffage":
      selection.append('<label id="'+'label_'+objet.id+'" class="'+classe+'"> Temperature ambiante </label>');
      res = jQuery('<input type="number" id="'+objet.id+'" class="'+classe+'" min="0" max="40" value="'+objet.valeur+'" />');
      selection.append(res);
      break;
      
    case "stores":
      selection.append('<label id="'+'label_'+objet.id+'" class="'+classe+'"> Store ouvert </label>');
      res = jQuery('<input type="range" id="'+objet.id+'" class="'+classe+'" min="0" max="'+objet.Hmax+'" step="1" value="'+objet.valeur+'" />');
      selection.append(res);
      selection.append('<label id="'+'label_'+objet.id+'_" class="'+classe+'"> Store ferme </label>');
      break;

    case "arrosage":
      selection.append('<label id="'+'label_'+objet.id+'" class="'+classe+'"> Duree de l\'arrosage </label>');
      res = jQuery('<input type="number" id="'+objet.id+'" class="'+classe+'" min="0" max="40" value="'+objet.valeur+'" />');
      selection.append(res);
      break;
  }
  res.blur(function() { //action a faire lors de la perte du focus par l'élément
    chargement('traitement.php?fonction=update&id='+$(this).attr('id')+'&valeur='+$(this).val(), update);
  });
}





//   if (objet.etat == "1") //l'objet est allumé
//   {
//     res = jQuery('<input type="radio" name="'+objet.id+'" checked="checked" value="checked" />');
//     res.click(function() { //action à faire lors du clic par l'utilisateur sur le bouton radio
//       $('#'+$(this).attr('name')).attr('class', 'toShow');
//       $('#'+'label_'+$(this).attr('name')).attr('class', 'toShow');
//       $('#'+'label_'+$(this).attr('name')+'_').attr('class', 'toShow'); // existe uniquement si l'objet est un store
//     });
//     selection.append(res); //rajout de l'élément dans la page
//     
//     selection.append('<label class="label-radio"> Allume </label>'); 
//     input(selection, objet, 'toShow');
//     selection.append('<br/>');
//     
//     res = jQuery('<input type="radio" name="'+objet.id+'" value="checked" />');
//     res.click(function() { //action à faire lors du clic par l'utilisateur sur le bouton radio
//       $('#'+$(this).attr('name')).attr('class', 'toHide');
//       $('#'+'label_'+$(this).attr('name')).attr('class', 'toHide');
//       $('#'+'label_'+$(this).attr('name')+'_').attr('class', 'toHide'); // existe uniquement si l'objet est un store
//     });
//     
//     selection.append(res);
//     selection.append('<label class="label-radio"> Eteint </label>');
//   }
//   else //l'objet est éteint
//   {
//     res = jQuery('<input type="radio" name="'+objet.id+'" value="checked" />');
//     res.click(function() { //action à faire lors du clic par l'utilisateur sur le bouton radio
//       $('#'+$(this).attr('name')).attr('class', 'toShow');
//       $('#'+'label_'+$(this).attr('name')).attr('class', 'toShow');
//       $('#'+'label_'+$(this).attr('name')+'_').attr('class', 'toShow'); // existe uniquement si l'objet est un store
//     });
//     selection.append(res);
// 
//     selection.append(jQuery('<label class="label-radio"> Allume </label>'));
//     input(selection, objet, 'toHide');
//     selection.append(jQuery('<br/>'));
//     
//     res = jQuery('<input type="radio" name="'+objet.id+'" checked="checked" value="checked" />');
//     res.click(function() { //action à faire lors du clic par l'utilisateur sur le bouton radio
//       $('#'+$(this).attr('name')).attr('class', 'toHide');
//       $('#'+'label_'+$(this).attr('name')).attr('class', 'toHide');
//       $('#'+'label_'+$(this).attr('name')+'_').attr('class', 'toHide'); // existe uniquement si l'objet est un store
//     });
//      selection.append(res);
//     selection.append(jQuery('<label class="label-radio"> Eteint </label>'));
//   } 